﻿/*app.css
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fafbfc;
}

bootstrap原生
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}*/

.table-hovers > tbody > tr:hover > td {
  background-color: #e9e9e9;
}
/*需要时修改
.table-hovers > tbody > tr > td.active:hover,
.table-hovers > tbody > tr > th.active:hover,
.table-hovers > tbody > tr.active:hover > td,
.table-hovers > tbody > tr:hover > .active,
.table-hovers > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table-hovers > tbody > tr > td.success:hover,
.table-hovers > tbody > tr > th.success:hover,
.table-hovers > tbody > tr.success:hover > td,
.table-hovers > tbody > tr:hover > .success,
.table-hovers > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table-hovers > tbody > tr > td.info:hover,
.table-hovers > tbody > tr > th.info:hover,
.table-hovers > tbody > tr.info:hover > td,
.table-hovers > tbody > tr:hover > .info,
.table-hovers > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table-hovers > tbody > tr > td.warning:hover,
.table-hovers > tbody > tr > th.warning:hover,
.table-hovers > tbody > tr.warning:hover > td,
.table-hovers > tbody > tr:hover > .warning,
.table-hovers > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table-hovers > tbody > tr > td.danger:hover,
.table-hovers > tbody > tr > th.danger:hover,
.table-hovers > tbody > tr.danger:hover > td,
.table-hovers > tbody > tr:hover > .danger,
.table-hovers > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}*/

.table > thead > tr > th {
  vertical-align: middle;
}

.table > tbody > tr.selected >td {
    color: white;
    background-color: #95bde5 !important;
}
/*b0b1b2*/
/*628db7*/
/*95bde5*/

.modal-lg {
    width:60%;
}

.modal-content .panel {
    margin-bottom: 0px;
}

.form-group .chosen-container{
    width: 100% !important;
    display: block;
}

.displayElement {
     display: none;
}

.modal-header .close {
    margin-right: 6px;
}

.modal-content .modal-header {
     padding: 5px 0px 3px 10px;
     background-color: #6C83B3;
     border-radius: 5px 5px 0px 0px;
     color: white;
}

.modal-content .modal-body {
    text-indent: 2em;
}

.modal-content .modal-footer {
    padding: 8px 10px 6px 0px;
    background-color: #F0F0F0;
}

.form-control[readonly] {
  cursor: text;
  background-color: white;
}

.message {
     color: #ee1111;
}

.loading-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999999;
  /*background: rgba(0, 0, 0, 0.3);*/
  overflow: hidden;
}
 
.loading {
  position: absolute;
  top: 50%;
  background: white;
  width: 160px;
  height: 72px;
  left: 50%;
  margin-top: -36px;
  margin-left: -80px;
  padding-top: 26px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

/*suqiang定义 开始*/
.tabs{
    position:fixed;
    z-index:1000;
    width:100%;
    background-color:#f6f8f8;
    top:50px;
}
.tabcontent{
    padding-top:42px;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.modal-dialog {
    position: absolute;
    /*width: auto;*/
    margin: 10px auto;
    left: 0;
    right: 0;
    top: 50%;
}
.edit-button-panel{
    background-color: #f6f8f8;
    position: fixed;
    z-index: 999;
    width: 100%;
}
.grid-panel{
    margin-top:60px;
}



/*控制datatables多出一行表头*/
.dataTables_scrollBody table thead tr th{
    
}

.menu-panel{
    position:fixed;
    width:200px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #fff;
  color:#0eaf34;
  font-weight:bold;
}

.nav-tabs > li.active > a{
    /*border-bottom-color:#f6f8f8 !important;*/
    border-bottom-color:#fff !important;
}

.bg-light.lter, .bg-light .lter{
    background-color: #fff;
}

.bg-black .nav > li:hover > a, .bg-black .nav > li:focus > a, .bg-black .nav > li.active > a{
    color:#0eaf34;
}

/*splitter左边样式*/
.ui-drag-width-left {
    width: 200px;
    float: left;
    z-index:999;
    margin-top:60px;
    overflow-y:auto;
    overflow-x:hidden;
}

/*splitter控件样式*/
.ui-drag-width {
    background-color: darkgray;
    width: 5px;
    position: absolute;
    cursor: e-resize;
    top:0px;
    opacity:0;
    z-index:998;
    height:100%;
}

.tree-panel{
    /*position:fixed;
    margin-top:60px;*/
    z-index:999;
    max-height:762px;
    /*width:100%*/;
    height:100%;
}

/*splitter右边样式*/
.ui-drag-width-right {
    /*float: right;
    top:0px;*/
    position:absolute;
    right:0px;
}

.tree-grid-panel
{
    margin-top:75px;
    margin-right:15px;
    margin-left:10px;
    margin-bottom:0px;
}

.panel
{
    margin-bottom:0px;
}

.right-content-heading{
    margin-bottom:10px;
}

.right-content-body{
    margin-top:0px;
}

/* css注释：设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */ 
@media screen and (max-width: 1366px) and  (max-height: 768px){ 
    /*.dataTables_scrollBody{
        max-height:280px;
        min-height:280px;
    }
    
    .table > tbody > tr > td, .table > tfoot > tr > td
    {
        padding:8px 15px;
    }*/ 
    
    
}

/* css注释：设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */ 
@media screen and (max-width: 1360px) and  (max-height: 768px){ 
    /*.dataTables_scrollBody{
        max-height:280px;
        min-height:280px;
    }*/ 
    
    
}

/* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */ 
@media screen and (max-width: 1200px) { 
    /*.dataTables_scrollBody{
        max-height:60vh;
        min-height:20vh;
    }
    .ui-drag-width-left{
        max-height:760px;
        height:760px;
    }*/
    
} 

/* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */ 
@media screen and (max-width: 901px) { 
    /*.dataTables_scrollBody{
        max-height:60vh;
        min-height:20vh;
    }*/
} 

/* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */ 
@media screen and (max-width: 500px) { 
    /*.dataTables_scrollBody{
        max-height:60vh;
        min-height:20vh;
    }*/
} 


/*suqiang定义 结束*/
/*.logo{*/
    /*width:250px;*/
    /*height: 50px;*/
    /*!*background-image: url("../img/logo1.png");*!*/

/*}*/
.text-lt{
     width:250px;
     height: 50px;
     background: url("../img/logo1.png") #2a85d0 no-repeat 50%;
 }
.nav-right{
    padding-left: 0;
    background-color: #2e96ef;
}
.check{
    /*width: 50px;*/
    /*height: 50px;*/
    display: inline-block;
    /*padding-top: 20px;*/
    background: url("../img/check.png") no-repeat 50% 20%;
    background-size: 18px 16px;
    /*padding-top: 20px;*/
    padding-top: 25px!important;
    padding-bottom: 5px!important;
}
.find{
    /*width: 50px;*/
    /*height: 50px;*/
    display: inline-block;
    /*padding-top: 20px;*/
    background: url("../img/find.png") no-repeat 50% 20%;
    background-size: 18px 16px;
    /*padding-top: 20px;*/
    padding-top: 25px!important;
    padding-bottom: 5px!important;
}
.find>span,.check>span{
    font-size: 12px;
    color: white;


}
.check:hover,.find:hover{
    background-color: #53abf5!important;
}
.check:focus,.find:focus{
    background-color: #53abf5!important;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    background-color: #53abf5!important;
}
.user{
    display: inline-block;
    /*width:20px;*/
    /*height: 18px;*/
    background: url("../img/user.png") no-repeat 28% 45% ;
    /*background-size:100% 100%;*/
    background-size: 15px 15px;
}
.username{
    font-size: 16px;
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.user-name{
    color: white;
}
.out{
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-top: 10px;
    margin-left: 10px;
    padding-bottom: 5px;
    background:url("../img/out.png") no-repeat 25% 35% ;
    background-size: 20px 14px;

}
.check-div{
    background-color: #52abf5;
    border: none;
}
.check-ul li{
    float: left;
    list-style: none;
}
.navbar-nav > li > a{
    line-height: 19px;
}
.wrapper_div{

}